@import "../../../static/sass/thom_c_size.scss";
.cover_main{
  margin-top: tovw(80);
}
.header_list{
  width: tovw(120);
  background-color: #4c4c4c;
  border-radius: 2vw;
  position: absolute;
  top: 12vw;
  right:8vw;
  li{
  text-align: center;
  height: tovw(40);
  line-height: tovw(40);
  font-size: tovw(30);
  color:#fff;
}
}
.last_box{
  height: tovw(65);
  line-height: tovw(65);
  color:#9f9f9f;
  li{
    margin-right: tovw(30);
    float: left;
    &:nth-child(1){
      margin-left: tovw(166);
    }
  }
  img{
    vertical-align: middle;
    display: inline-block;
    width: tovw(40);
  }
}
.real_banner{
  width: 100%;
  height: tovw(388);
  display: block;
  margin-bottom: tovw(20);
}
.real_story_wrapper{
  width:100%;
  min-height: 100%;
  background-color:#c3c3c3;
  font-size: tovw(22);
}
.real_story_box{
  width:tovw(710);
  height:tovw(542);
  margin: tovw(20) auto tovw(30);
  background-color: #ffffff;
  border-radius: 2vw;
  box-shadow: 1px 1px 6px 2px #434343;
}
.real_story_img{
  display: block;
  width: tovw(670);
  height:100%;
  border-radius: 2vw;
  margin: 0 auto;
}
.play_m_icon{
  display: block;
  float: left;
  margin-top: tovw(10);
  width: tovw(75);
  height: tovw(50);
}
.play_m{
  background-color: #9f5c2f;
  margin-left: tovw(63);
  margin-top: tovw(10);
  width: tovw(490);
  height: tovw(48);
  line-height: tovw(48);
  margin-right: tovw(18);
  float: left;
  color:#ffffff;
  border-radius: 4vw;
  margin-bottom: tovw(20);
}
.real_story_box_main_w{
  position: relative;
  width: tovw(672);
  margin: 0 auto;
  height: tovw(300);
  display: block;
  img{
    display: block;
    width: tovw(670);
    height:100%;
    margin: 0;
    padding: 0;
  }
  .main_sh_box{
    width: 100%;
    height: tovw(64);
    @include todot;
    color:#fff;
    background-color: rgba(100,100,100,0.3);
    position: absolute;
    bottom:0;
    left:0;
    border-radius: 0 0 2vw 2vw;
  }
}
.real_story_box_header{
  margin-bottom: tovw(16);
  height: tovw(94);
  line-height: tovw(94);
  text-align: center;
  border-bottom: 1px solid #c3c3c3;
  position: relative;
  .go_back{
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 	/* IE 9 */
    -moz-transform:rotate(-90deg); 	/* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg); 	/* Opera */
    position: absolute;
    right:tovw(36);
    top:tovw(20);
    left:initial;
  }
  img{
    position: absolute;
    left:tovw(27);
    top:tovw(15);
    width: tovw(72);
    height: tovw(72);
    border-radius: 2vw;
  }



  .real_story_box_main_w{

  }

}
